{extend name="public/base" /}

{block name="body"}
<div class="page-header">
    <h4>导航管理(系统菜单请勿随意拖动)</h4>
</div>
<div class="col-xs-12">
    <button  id="ypwl_login" type="button" class="btn btn-primary btn-lg">
        Launch demo modal
    </button>
<div id="ypwl_login_html" style="display: none;">
    <div class="ypwl_login">
        <form>
            <div class="form-group">
                <label>登入</label>
            </div>
            <div class="form-group">
                <label>账号</label>
                <input type="text" class="form-control" placeholder="Email">
            </div>
            <div class="form-group">
                <label>密码</label>
                <input type="password" class="form-control" placeholder="Password">
            </div>
            <div class="form-group">
                <label for="exampleInputFile">File input</label>
                <input type="file" id="exampleInputFile">
                <p class="help-block">Example block-level help text here.</p>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Check me out
                </label>
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
        </form>
    </div>
</div>
</div>
{/block}

{block name="script"}
<script>
    $(document).ready(function() {
        $("#ypwl_login").on('click',function () {
            var html = $("#ypwl_login_html").html();
            layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                shadeClose: true,
                area: ['420px', '600px'],
                skin: 'layui-layer-demo',
                content: html
            });
        });
    });
</script>
<style>
    .ypwl_login .log-btn-group{
        margin-top: 5px;
    }
    .ypwl_login .log-btn-group .log-reg{
        float: right;
    }
    .ypwl_login input, .ypwl_login .form-group{
        width: 350px;
        height: 49px;
        overflow: hidden;
    }
    .ypwl_login .form-group{
        height: auto;
        overflow: hidden;
    }
    .ypwl_log-title{
        margin-top: 0px;
    }
</style>
{/block}